import store from '@/store'
export default {
  install: function(Vue) {
    // 自定义指令
    // 1. 定义指令
    Vue.directive('del', {
      inserted(el, binding) {
        // el 是dom 元素
        console.log('元素被创建，马上被删除', el, binding.value)
        setTimeout(() => {
          el.parentNode.removeChild(el)
        }, binding.value)
      }
    })
    // 2. 使用指令
    // <元素 v-del="2000"/>

    Vue.directive('allow', {
      inserted(el, binding) {
        // binding.value指的是v-allow绑定的值
        console.log(binding.value)
        // 取出vuex中的state
        const points = store.state.user.userInfo.roles.points
        // 如果points中包含了binding.value,则可见
        if (points && points.includes(binding.value)) {
          console.log(points)
        } else { // 不可见，移除这个元素
          el.parentNode.removeChild(el)
        }
      }
    })
  }
}
